// pages/detail/index.js
import {detail ,favGoodsCheck ,addGoodsCheck ,delGoodsCheck ,addCart ,cartList} from "../../utils/api/api"
var WxParse = require('../../utils/wxParse/wxParse.js');
Page({
  /**
   * 页面的初始数据
   */
  data: {
    detailData:{},
    sc:false,
    token:wx.getStorageSync('token'),
    tabData:[{title:"商品简介"},{title:"商品详情"},{title:"商品评价"}],
    console:null,
    currentIndex:0,
    value:1,
    maskFlag:false,
    cartNum:0
  },
tab(e){
  console.log(e);
  this.setData({
    currentIndex:e.target.dataset.index
  })
},
onPageScroll (e) { 
  if(e.scrollTop == 500){
    this.setData({
      currentIndex:1
    })
  } else if(e.scrollTop == 100){
    this.setData({
      currentIndex:0
    })
  }
  },
favGoodsCheck(id){ //检测收藏或未收藏
  favGoodsCheck({goodsId:id,token:this.data.token}).then(res=>{
    if(res.code == 0){
      this.setData({
        sc:true
      })
    } else if(res.code == -1){
      this.setData({
        sc:false
      })
    }
  })
},
collect(){ //点击收藏或未收藏
  let {detailData , sc , token} = this.data
  if(sc){ //如果sc为true点击时就要删除收藏
    delGoodsCheck({goodsId:detailData.basicInfo.id,token:token}).then(res=>{ //调用接口
      if(res.code == 0){ //返回0就是删除收藏成功
        this.setData({
          sc:false //收藏状态改为false
        })
      }
    })
  } else if(!sc){//如果sc为false点击时就要添加收藏
    addGoodsCheck({goodsId:detailData.basicInfo.id,token:token}).then(res=>{
      if(res.code == 0){//返回0就是添加收藏成功
        this.setData({
          sc:true //收藏状态改为true
        })
      }
    })
  }
},
changeFlag(e){ //修改遮罩状态
  console.log(e);
  this.setData({
    maskFlag:e.currentTarget.dataset.flag
  })
},
changeNum(e){ //步进器加减数量
  let num = this.data.value
  if(num >= 1 &&  e.currentTarget.dataset.num != -1){
    num += e.currentTarget.dataset.num
  } else if(num >= 2 &&  e.currentTarget.dataset.num == -1){
    num += e.currentTarget.dataset.num
  }
  this.setData({
    value:num
  })
},
toCart(){
  wx.switchTab({
    url: '/pages/cart/index',
  })
},
addCartChange(e){
  addCart({goodsId:e.currentTarget.dataset.id,number:this.data.value,token:wx.getStorageSync('token')}).then(res=>{
    // console.log(res);
    if(res.code == 0){
      this.setData({
        maskFlag:false,
        cartNum:res.data.number
      })
      wx.showToast({
        title: '添加成功',
      })
    }
  })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    detail({id:options.id}).then(res=>{ //请求页面数据
      this.favGoodsCheck(res.data.basicInfo.id)//调用检测收藏或未收藏
      WxParse.wxParse('article','html',res.data.content,this,5) //富文本
      var _str = res.data.content.replace(/<img /g,'<img class="img-ks-lazyload"')
      this.setData({
        detailData:res.data,
        content:_str
      })
    })

    cartList({token:wx.getStorageSync('token')}).then(res=>{ //调用所有购物车数据接口
      console.log(res);
      if(res.code == 0){
        this.setData({
          cartNum:res.data.number //给购物车那个按钮赋值
        })
      }
    })


  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})